<!DOCTYPE HTML>

<HTML>

<head>

<meta charset="UTF-8">

<title>Restaurant Picker</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../css/jquery.mobile-1.4.2.min.css">

<script src="../js/jquery.js"></script>

<script src="../js/jquery.mobile-1.4.2.min.js"></script>

</head>

<body>

<div id="choisir_ville" data-role="page" data-add-back-btn="true">

	<div data-role="header">
		<h1>Restaurant Picker</h1>
	</div>

	<div data-role="content">
		<div class="choice_list">
			<h1>In which town do you want to eat?</h1>
			<ul data-role="listview" data-inset="true" data-filter="true">
				<li><a href="choose_restaurant.html" data-transition="slidedown"> Amiens <span class="ui-li-count" > 3 </span></a></li>
				<li><a href="choose_restaurant.html" data-transition="slidedown"> Bastia <span class="ui-li-count" > 2 </span></a></li>
				<li><a href="choose_restaurant.html" data-transition="slidedown"> Belfort <span class="ui-li-count" > 5 </span></a></li>
				<li><a href="choose_restaurant.html" data-transition="slidedown"> Bordeaux <span class="ui-li-count" > 1 </span></a></li>
				...
			</ul>
		</div>
	</div>
</div><!-- /page -->
 
</body>
 
</HTML>
